<script setup>
  import { useRoute } from 'vue-router';
  import { ref, onUpdated } from 'vue';

  /**
   * 通过useRoute函数获取url中携带的参数：
   *  1、键值对参数：通过useRoute函数返回的对象：route，获取路径参数，例如：route.query.路径参数占位符名称，即可获取到路径参数
   * 通过useRoute函数获取url中的键值对参数：
   */

   let route = useRoute()
   let id = ref(0)
   let language  = ref('')

   // 获取url中的路径参数
   id.value = route.query.id
   language.value = route.query.language
   onUpdated(() => {
    console.log(route.query)
    id.value = route.query.id
    language.value = route.query.language
   })
   

</script>

<template>
  <div>
    <h1>{{id}}是{{language}}----showDetail2</h1>
  </div>
  
</template>

<style scoped>

</style>
